.problem-list {
  background-color: #f9f9f9;
  border-radius: 12px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.problem-item {
  transition: background-color 0.2s ease;
  cursor: pointer;
}

.problem-item:hover {
  background-color: #f1f1f1;
}

.problem-id {
  font-size: 0.8rem;
}

.problem-title {
  font-size: 1rem;
}

.difficulty-label {
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 500;
  text-transform: uppercase;
}

.difficulty-label.easy {
  background-color: #d4f4e0;
  color: #22863a;
}

.difficulty-label.medium {
  background-color: #fff5d1;
  color: #b08800;
}

.difficulty-label.hard {
  background-color: #fbdada;
  color: #d32f2f;
}

.btn-outline-dark {
  font-size: 0.8rem;
  padding: 4px 10px;
}
